<template>
  <div>
    
    <panel header="" :footer="footer" :list="list" :type="type" @on-img-error="onImgError"></panel>
  </div>
</template>

<script>
import { Panel, Group, Radio } from 'vux'
export default {
  components: {
    Panel,
    Group,
    Radio
  },
  methods: {
    onImgError (item, $event) {
      console.log(item, $event)
    }
  },
  data () {
    return {
      type: '1',
      list: [{
        src: 'http://somedomain.somdomain/x.jpg',
        fallbackSrc: 'http://placeholder.qiniudn.com/60x60/3cc51f/ffffff',
        title: '青菜面',
        desc: '由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。',
        
      }, {
        src: 'http://placeholder.qiniudn.com/60x60/3cc51f/ffffff',
        title: '皮蛋瘦肉粥',
        desc: '由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。',
        
        
      },
      {
        src: 'http://placeholder.qiniudn.com/60x60/3cc51f/ffffff',
        title: '山西凉面',
        desc: '由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。',
        
        
      },
      {
        src: 'http://placeholder.qiniudn.com/60x60/3cc51f/ffffff',
        title: '炸酱面',
        desc: '由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。',
        
        
      },
      {
        src: 'http://placeholder.qiniudn.com/60x60/3cc51f/ffffff',
        title: '关东煮',
        desc: '由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。',
        
        
      },
      {
        src: 'http://placeholder.qiniudn.com/60x60/3cc51f/ffffff',
        title: '麻辣烫',
        desc: '由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。',
        
        
      },
      {
        src: 'http://placeholder.qiniudn.com/60x60/3cc51f/ffffff',
        title: '水煮鱼',
        desc: '由各种物质组成的巨型球状天体，叫做星球。星球有一定的形状，有自己的运行轨道。',
        
        
      }],
      footer: {
        title: '',
        url: ''
      }
    }
  }
}
</script>